<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>

<head>
  <meta HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8">  
  <link rel="stylesheet" type="text/css" href="css/stat.css">
</head>

<f:view>
<h:form id="form02">

	<f:verbatim><div style="height:10px;"></div></f:verbatim>
	
	<f:verbatim><table><tr><td></f:verbatim>
  	<h:outputText value="#{serviceStatisticsBacking.servieUsageStatLabel}"/>
  	<f:verbatim></td></tr><td></f:verbatim>  	
  	<h:outputText value="#{serviceStatisticsBacking.servieName}"/>  	
  	<f:verbatim></td></tr><td></f:verbatim>  	
  	<h:outputText value="#{serviceStatisticsBacking.planName}"/>
  	<f:verbatim></td></tr><td></f:verbatim>
  	<h:outputText value="#{serviceStatisticsBacking.adress}"/>  	  	
  	<f:verbatim></td></tr><table></f:verbatim>
    
  	<f:verbatim><div style="height:10px;"></div></f:verbatim>	
  
  	<f:verbatim><table><tr><td></f:verbatim>
  	<h:outputText value="#{serviceStatisticsBacking.periodSinceLabel}"/>
  	<f:verbatim></td><td></f:verbatim>
  	<t:inputCalendar  renderAsPopup="true"/>
  	<f:verbatim></td><td></f:verbatim>
  	<h:outputText value="#{serviceStatisticsBacking.periodToLabel}"/>  	
  	<f:verbatim></td><td></f:verbatim>
  	<t:inputCalendar  renderAsPopup="true"/>
  	<f:verbatim></td><td></f:verbatim>  	
  	<h:commandButton value="#{serviceStatisticsBacking.applyLabel}" action="applyFilter" />  	  	
  	<f:verbatim></td><td></f:verbatim>  	
  	<f:verbatim></td></tr><table></f:verbatim>
  	
  	<f:verbatim><div style="height:10px;"></div></f:verbatim>
  	  	
	<t:dataTable id="data"
                styleClass="dataTable"
                headerClass="dataTableHeader02"                                
                columnClasses="dataTableCell"
                var="country"
                value="#{countryList.countries}"
                preserveDataModel="true">
                
    	<t:columns value="#{serviceStatisticsBacking.detailsColumns}" var="column">
        	<f:facet name="header">
            	<h:outputText value="#{column.label}"/>
        	</f:facet>
            <h:outputText value="#{country.name}"/>            
    	</t:columns>				                
	</t:dataTable>	
	
	<f:verbatim><div style="height:10px;"></div></f:verbatim>
			
	<f:verbatim><table class= "dataTable"><tr><td style="width:400px;border:none;" class="dataTableCell"></f:verbatim>
  	<h:outputText value="#{serviceStatisticsBacking.sumLabel}"/>
  	<f:verbatim></td><td style="width:200px;border:1px solid #aaaaaa;" class="dataTableCell"></f:verbatim>
  	<h:outputText value="#{serviceStatisticsBacking.sumValue}"/>  	
  	<f:verbatim></td></tr></table></f:verbatim>
	
  
</h:form>
</f:view>